- page_title "GitHub import"
%h3.page-title
  %i.fa.fa-github
  Import projects from GitHub

%p.light
  Select projects you want to import.
%hr
%p
  = button_tag 'Import all projects', class: "btn btn-success js-import-all"

.table-holder
  %table.table.import-jobs
    %thead
      %tr
        %th From GitHub
        %th To GitLab
        %th Status
    %tbody
      - @already_added_projects.each do |project|
        %tr{id: "project_#{project.id}", class: "#{project_status_css_class(project.import_status)}"}
          %td
            = link_to project.import_source, "https://github.com/#{project.import_source}", target: "_blank"
          %td
            %strong= link_to project.path_with_namespace, [project.namespace.becomes(Namespace), project]
          %td.job-status
            - if project.import_status == 'finished'
              %span
                %i.fa.fa-check
                done
            - elsif project.import_status == 'started'
              %i.fa.fa-spinner.fa-spin
              started
            - else
              = project.human_import_status_name

      - @repos.each do |repo|
        %tr{id: "repo_#{repo.id}"}
          %td
            = link_to repo.full_name, "https://github.com/#{repo.full_name}", target: "_blank"
          %td.import-target
            = repo.full_name
          %td.import-actions.job-status
            = button_tag "Import", class: "btn js-add-to-import"

:javascript
  new ImporterStatus("#{jobs_import_github_path}", "#{import_github_path}");
